/* eslint-disable */
/* prettier-ignore */
import * as React from 'react';

import { TIconSize } from '../../../types/common';

export interface ICommentIconProps extends React.SVGAttributes<SVGElement> {
  size?: TIconSize;
}

export function CommentIcon({ fill = '#B9B9B8', size = 'lg', ...rest }: ICommentIconProps) {
  const largeIcon = (
    <svg
      width="32"
      height="32"
      viewBox="0 0 32 32"
      fill={fill}
      xmlns="http://www.w3.org/2000/svg"
      {...rest}
    >
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M0 5.99826C0 2.68551 2.68629 0 6 0H26C29.3137 0 32 2.68551 32 5.99826V19.9942C32 23.307 29.3137 25.9925 26 25.9925H24.2047C23.5184 25.9925 22.8801 26.3442 22.5137 26.9242L21.0729 29.2048C18.7184 32.9317 13.2816 32.9317 10.9271 29.2048L9.4863 26.9242C9.11986 26.3442 8.48155 25.9925 7.79533 25.9925H6C2.68629 25.9925 0 23.307 0 19.9942V5.99826ZM6 3.99884C4.89543 3.99884 4 4.89401 4 5.99826V19.9942C4 21.0985 4.89543 21.9936 6 21.9936H7.79533C9.854 21.9936 11.7689 23.0488 12.8683 24.7889L14.309 27.0694C15.0939 28.3117 16.9061 28.3117 17.691 27.0694L19.1317 24.7889C20.2311 23.0488 22.146 21.9936 24.2047 21.9936H26C27.1046 21.9936 28 21.0985 28 19.9942V5.99826C28 4.89401 27.1046 3.99884 26 3.99884H6ZM8 9.9971C8 8.89286 8.89543 7.99768 10 7.99768H22C23.1046 7.99768 24 8.89286 24 9.9971C24 11.1014 23.1046 11.9965 22 11.9965H10C8.89543 11.9965 8 11.1014 8 9.9971ZM8 15.9954C8 14.8911 8.89543 13.9959 10 13.9959H22C23.1046 13.9959 24 14.8911 24 15.9954C24 17.0996 23.1046 17.9948 22 17.9948H10C8.89543 17.9948 8 17.0996 8 15.9954Z"
      />
    </svg>
  );

  const smallIcon = (
    <svg width="20" height="20" viewBox="0 0 20 20" fill={fill} xmlns="http://www.w3.org/2000/svg" {...rest}>
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M5 2C3.34315 2 2 3.34276 2 4.99913V11.9971C2 13.6535 3.34315 14.9962 5 14.9962H5.89766C6.24078 14.9962 6.55993 15.1721 6.74315 15.4621L7.46353 16.6024C8.64082 18.4659 11.3592 18.4659 12.5365 16.6024L13.2568 15.4621C13.4401 15.1721 13.7592 14.9962 14.1023 14.9962H15C16.6569 14.9962 18 13.6535 18 11.9971V4.99913C18 3.34276 16.6569 2 15 2H5ZM7 6C6.44772 6 6 6.44759 6 6.99971C6 7.55184 6.44772 7.99942 7 7.99942H13C13.5523 7.99942 14 7.55184 14 6.99971C14 6.44759 13.5523 6 13 6H7ZM7 8.99913C6.44772 8.99913 6 9.44672 6 9.99884C6 10.551 6.44772 10.9986 7 10.9986H13C13.5523 10.9986 14 10.551 14 9.99884C14 9.44672 13.5523 8.99913 13 8.99913H7Z"
      />
    </svg>
  );

  const ICON_SIZE_MAP = {
    ['lg']: largeIcon,
    ['sm']: smallIcon,
  };

  return ICON_SIZE_MAP[size];
}
